<head>
    <link rel="stylesheet" type="text/css" href="./clg.css">
</head>

<body>
    <div class="background">
        <img src="../../original_ill/ill/Chronologika.Hundotte.png" alt="曲绘-模糊" id="bkg">
        <!-- <img src="./demo.jpg" alt="曲绘-模糊" id="bkg"> -->
    </div>
    
    

    <div class="box">
        <div class="song-box box-0">
            <div class="ill-box">
                <div class="ill">
                    <img src="../../original_ill/ill/Aphasia.闫东炜.png" alt="{{song.illustration}}">
                </div>
                <div class="info-box">
                    <div class="song_name">
                        <p name="pvis">Aphasia</p>
                    </div>
                    <div class="charter-box">
                        <p>charter</p>
                        <p name="pvis">百九十八</p>
                    </div>
                </div>
            </div>
            <div class="dif">
                <p>AT</p>
                <p>16.0</p>
            </div>
            <div class="notes-box">
                <div class="notes-info tap">
                    <div class="notes_num">
                        <p>1234</p>
                    </div>
                    <div class="notes_title">
                        <p>Tap</p>
                    </div>
                </div>
                <div class="notes-info drag">
                    <div class="notes_num">
                        <p>1234</p>
                    </div>
                    <div class="notes_title">
                        <p>Drag</p>
                    </div>
                </div>
                <div class="notes-info hold">
                    <div class="notes_num">
                        <p>1234</p>
                    </div>
                    <div class="notes_title">
                        <p>Hold</p>
                    </div>
                </div>
                <div class="notes-info flick">
                    <div class="notes_num">
                        <p>1234</p>
                    </div>
                    <div class="notes_title">
                        <p>Flick</p>
                    </div>
                </div>
                <div class="notes-info">
                    <div class="notes_num">
                        <p>1234</p>
                    </div>
                    <div class="notes_title">
                        <p>Combo</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="song-box box-1">
            <div class="ill-box">
                <div class="ill">
                    <img src="../../original_ill/ill/Aphasia.闫东炜.png" alt="{{song.illustration}}">
                </div>
                <div class="info-box">
                    <div class="song_name">
                        <p name="pvis">Aphasia</p>
                    </div>
                    <div class="charter-box">
                        <p>charter</p>
                        <p name="pvis">百九十八</p>
                    </div>
                </div>
            </div>
            <div class="dif">
                <p>AT</p>
                <p>16.0</p>
            </div>
            <div class="notes-box">
                <div class="notes-info tap">
                    <div class="notes_num">
                        <p>1234</p>
                    </div>
                    <div class="notes_title">
                        <p>Tap</p>
                    </div>
                </div>
                <div class="notes-info drag">
                    <div class="notes_num">
                        <p>1234</p>
                    </div>
                    <div class="notes_title">
                        <p>Drag</p>
                    </div>
                </div>
                <div class="notes-info hold">
                    <div class="notes_num">
                        <p>1234</p>
                    </div>
                    <div class="notes_title">
                        <p>Hold</p>
                    </div>
                </div>
                <div class="notes-info flick">
                    <div class="notes_num">
                        <p>1234</p>
                    </div>
                    <div class="notes_title">
                        <p>Flick</p>
                    </div>
                </div>
                <div class="notes-info">
                    <div class="notes_num">
                        <p>1234</p>
                    </div>
                    <div class="notes_title">
                        <p>Combo</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="song-box box-2">
            <div class="ill-box">
                <div class="ill">
                    <img src="../../original_ill/ill/Aphasia.闫东炜.png" alt="{{song.illustration}}">
                </div>
                <div class="info-box">
                    <div class="song_name">
                        <p name="pvis">Aphasia</p>
                    </div>
                    <div class="charter-box">
                        <p>charter</p>
                        <p name="pvis">百九十八</p>
                    </div>
                </div>
            </div>
            <div class="dif">
                <p>AT</p>
                <p>16.0</p>
            </div>
            <div class="notes-box">
                <div class="notes-info tap">
                    <div class="notes_num">
                        <p>1234</p>
                    </div>
                    <div class="notes_title">
                        <p>Tap</p>
                    </div>
                </div>
                <div class="notes-info drag">
                    <div class="notes_num">
                        <p>1234</p>
                    </div>
                    <div class="notes_title">
                        <p>Drag</p>
                    </div>
                </div>
                <div class="notes-info hold">
                    <div class="notes_num">
                        <p>1234</p>
                    </div>
                    <div class="notes_title">
                        <p>Hold</p>
                    </div>
                </div>
                <div class="notes-info flick">
                    <div class="notes_num">
                        <p>1234</p>
                    </div>
                    <div class="notes_title">
                        <p>Flick</p>
                    </div>
                </div>
                <div class="notes-info">
                    <div class="notes_num">
                        <p>1234</p>
                    </div>
                    <div class="notes_title">
                        <p>Combo</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="tot-box">
        <img src="../otherimg/5.png" alt="Challenge">
        <div class="tot_clg">
            <p>48</p>
        </div>
    </div>

    
    <div class="createdbox">
        <div class="phi-plugin">
            <p>{{_plugin}}</p>
        </div>
        <div class="ver">
            <p>{{Version.ver}}</p>
        </div>
    </div>
</body>